<!doctype html>
<html>
<head>
<title>Mobile Cookbook</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="gears_init.js" 
type="text/javascript" charset="utf-8"></script>
<script src="geo.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
  
  <div id="main">
    <div id="someElm">
    </div>
  </div>
  <script src="jquery-1.8.0.min.js"></script>
  <script>
    if(geo_position_js.init()){
      geo_position_js.getCurrentPosition(success_callback,error_callback,{enableHighAccuracy:true,options:5000});
    }
    else{
       $("#someElm").html("Functionality not available");
    }
    function success_callback(p)
    {
       $("#someElm").html("latitude: "+p.coords.latitude+"<br />longitude: "+p.coords.longitude+"<br />accuracy: "+p.coords.accuracy);
    }
    function error_callback(p)
    {
       $("#someElm").html("error="+p.message);
    }
  </script>
</body>
</html>